*{padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} html{} body{color: #333;min-width:1600px;} body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:15px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} address,cite,code,em,th{ font-weight:normal; font-style:normal;} .clear { clear:both; *zoom:1;} .clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a {text-decoration:none; color:#333;cursor:pointer;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} @font-face {font-family: "Youshebiaotihei";src: url(../fonts/Youshebiaotihei.ttf);} @font-face {font-family: "impact";src: url(../fonts/impact.ttf);} /* 按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } .w1400{width:1400px;margin:0 auto;} .wtop84{width:1400px;margin:0 auto;} /**top start**/ header{ height:120px; position:relative; background:#fff; z-index:999;} header .topbox{ height:120px;} header .logo{max-width:400px;float:left; display:block; position:absolute; top:50%; transform:translateY(-50%);} header .logo img{ max-width:100%;} .top_ser,.top_tel,.top_email{ float:left; height: 50px;overflow: hidden; padding: 0 0 0 50px;background: url(../images/top_ser.png) left center no-repeat; background-size: 34px 34px;position: absolute;right: 43%;top: 50%;transform: translateY(-50%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .top_tel{background: url(../images/top_tel.png) left center no-repeat;right: 29%;} .top_email{background: url(../images/top_email.png) left center no-repeat;right: 11%;} header .topbox span{ color:#999; font-size:14px;} header .topbox p{ color:#333; font-weight:bold; font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .top_ser p{ width:210px;} .top_tel p{ width:130px;} .top_email p{ width:190px;} .top_nav{ clear:both;left: 50%;transform: translateX(-50%); padding: 0;position: absolute; z-index:5;} .top_nav:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #374ea0;transform: skewX(-20deg);} .menu-button {position:relative;display:none;padding: 0;background: none;color:#ddd;cursor:pointer;line-height: 70px;font-weight:700;font-size:14px;font-size: 0;} .menu-button.one-page {position:fixed;top:0;right:5%;padding-right:45px} .menu-button .touch-button {background:transparent;position:absolute;z-index:999;top:0;right:0;width: 100%;height: 70px;display:inline-block;text-align:center;} .menu-button .touch-button .navicon {font-size:16px;position:relative;top:1em;color:#666} .menu-button::after {position:absolute;content:"";right:20px;top: 27px;height:6px;width: 24px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .menu-button::before {position:absolute;content:"";right:20px;top: 40px;height:3px;width: 24px;border-bottom: 2px solid #fff;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .flexnav {margin:0;padding:0;list-style:none;line-height:1;display:block;overflow:visible;width:100%;height: 100%;} .flexnav>li {float:left} .flexnav li { width:11.429%; float:left; position:relative;} .flexnav>li.item-with-ul>a {padding-right: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .flexnav li a {position:relative;display:block; text-align:center;height:70px;line-height:70px;font-size:18px;color:#fff;text-decoration:none;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-ms-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in;} .flexnav li:before { width:0; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #e01a1b;transform: skewX(-20deg);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .flexnav li:hover:before{ width:100%;} .flexnav ul li a {width: 80px;font-weight:400;font-size:18px;padding:13px 25px;text-align: center;transition:all .5s;} .flexnav li a span{overflow: hidden;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;} .flexnav li a span img{margin-top:-38px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .flexnav li:hover:before,.flexnav li.active:before{ width:100%;} .flexnav ul {position:absolute;top:auto;left:0;display:block;padding:0} .flexnav>li>ul {left: 50%;right:0;margin-left: -65px;} .flexnav ul ul {margin-left:100%;top:0} .flexnav li ul li {position:relative;overflow:hidden} .flexnav li ul.show li {overflow:visible} .flexnav li ul li a {background: rgba(255,255,255,.3);} .flexnav ul li ul li a {background:#253136} .flexnav ul li ul li ul li a {background:#2c3b40} .flexnav li ul.open {display:block;opacity:1;visibility:visible;z-index:1} .flexnav li ul.open li {overflow:visible;max-height:100px} .flexnav li ul.open ul.open {margin-left:100%;top:0} .flexnav .touch-button {position:absolute;z-index:999;top:0;right:0;width:46px;height: 80px;display:inline-block;text-align:center;} .flexnav .touch-button:hover {cursor:pointer} .flexnav .touch-button::after {height:0;width:0;content:"";border:6px solid transparent;border-top-color:#fff;display:block;position:absolute;top: 37px;left:17px;} .flexnav>li:hover>.touch-button::after,.sm-screen .submenu-open::after {border-top-color:#ca1511} .flexnav ul li .touch-button {width:39px;height:39px;background:rgba(255,255,255,.05);border-top-color:transparent} .flexnav ul li .touch-button::after {top:15px} .flexnav.lg-screen ul li .touch-button::after {border-left-color:#ddd;border-top-color:transparent;border-width:5px} .flexnav.lg-screen ul li:hover>.touch-button::after {border-left-color:#ca1511} .flexnav.sm-screen ul li .touch-button::after {border-width:5px;left:14px;top:17px} .flexnav li .item-with-ul { width:100%; left:0; height:0; overflow:hidden; margin:0; padding:0 10px; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3); position:absolute; top:100%; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;box-sizing:border-box;z-index: 999;} .flexnav li:hover .item-with-ul { height:auto; padding:10px 10px 30px;left: auto;background: #f8f8f8;z-index: 999;} .flexnav .item-with-ul a { display:block; width:100%; height:55px; line-height:55px; color:#666; font-size:15px; font-weight:normal; text-align:center; margin:0 auto; padding:0; border-bottom:1px solid #eee; position:relative;} .flexnav .item-with-ul a:last-child{ border:0;} .item-with-ul a:hover { color:#374ea0; background-color:#fff;} .item-with-ul a em { display:block; width:0; height:1px; overflow:hidden; margin:18px 10px 0 0; padding:0; float:left; background-color:#374ea0;-webkit-transition: all .5s;-moz-transition: all .25s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; position:absolute; left:0; bottom:0;} .item-with-ul a:hover em { width:100%;} /*弹出搜索框样式*/ .search_wrap {position:relative; float:right; width:20%; height:70px;} .search_wrap:before{width:100%;content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #e01a1b;transform: skewX(-20deg);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .search_wrap .search_in {width:80%;height:34px;margin:18px auto; padding:0 14px; background:#fff; border-radius:18px;color:#666;line-height:34px;transition:all 0.4s; box-sizing:border-box; position:relative;} .search_in input.serach {width:90%;display:block;height:34px;line-height:34px;color:#999;font-size:14px;position:relative;border:none;background:none; outline:none; box-sizing:border-box;text-indent:0;} .search_in .sub {position:absolute;top:6px;right:6px;z-index:5;display:block;width:22px;height:22px;background:url(../images/top_search.png) center center no-repeat;border:none;outline:none;box-sizing:border-box;} /**top end**/ /* banner 开始 */ .apple-banner { width: 100%; height: 644px; overflow: hidden;} .apple-banner .swiper-container { width: 100%; height: 644px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;} .apple-banner .swiper-container .swiper-button-prev { left:0;} .apple-banner .swiper-container .swiper-button-next { right:0;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;} .apple-banner .swiper-button-prev span { background: rgba(0,0,0,0.3) url(../images/arrows1.png) center center no-repeat; left: 20px;} .apple-banner .swiper-button-next span { background: rgba(0,0,0,0.3) url(../images/arrows2.png) center center no-repeat; right:20px;} .apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: .7;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:38px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .apple-banner .swiper-pagination-bullet { display: inline-block; width:7px; height:16px; margin: 0 6px; cursor: pointer; background:#374ea0; opacity: 1; border-radius:0; transition: all .4s ease;} .apple-banner .autoplay .swiper-pagination-bullet-active{height:30px; background:#e01a1b;} /* banner 结束 */ /*首页关于我们*/ .ind_bit{ float:left;} .ind_bit em{font-size:36px; font-weight:bold; color:#333; text-transform:uppercase; font-style:italic;} .ind_bit p{font-size:24px; line-height:24px;} .ind_bit p i{ display:inline-block; width:34px; height:16px; background:url(../images/title_ico.png) center no-repeat; margin: 0 20px 0 0;} .ind_more{ font-size:16px; color:#666; margin-top:35px; padding:0 45px 0 35px;height:44px; line-height:44px; display:flex; display: -webkit-flex; float:right; position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ParentLevel .nypro .ind_more{ margin-top:0;} .ind_more:before{width:100%; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #e01a1b;transform: skewX(-20deg);} .ind_more a{position:relative;display:block; text-align:center;height:44px;line-height:44px;font-size:16px;color:#fff;text-decoration:none;} .ind_more i{width:6px; height:12px;background:url(../images/more_on.png) center no-repeat;margin: 16px 0 0 10px; position:absolute;} .ind_about{ width:100%; min-height:300px; overflow:hidden; padding-top:220px; background:#f9f9f9 url(../images/indab_bg.jpg) center top no-repeat;background-size: 100% 538px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_about .w1400{height: auto;margin: 0 auto;padding: 50px; background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_about .title{ width:20%; float:left;} .ind_about .title .ind_more{ float:left;} .ind_about .cont{ width:75%; float:right; font-size:16px; line-height:30px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .ind_about .cont p,.ind_about .cont span{color:#666; line-height:30px;font-size:16px;} .ind_about ul.abimg{ overflow:hidden; margin-top:50px;} .ind_about ul.abimg li{width:24.6%; margin-right:0.5%; float:left;} .ind_about ul.abimg li:nth-child(4n){ margin-right:0;} .ind_about ul.abimg li img{ width:100%;} .ind_about .ind_brand{ background:none; padding:50px 0 80px; position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_about .ind_brand .title{ font-weight:bold; font-size:24px; text-align:center; margin:0 auto 30px; width:100%; float:none;} .ind_about .ind_brand .box{ overflow:hidden;} .ind_about .ind_brand .ind_brand_img{width:100%; height:120px; overflow:hidden; margin:0 auto; padding:0; position:relative; background:#fff;} .ind_about .ind_brand .ind_brand_img a{display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative; cursor:auto;} .ind_about .ind_brand .ind_brand_img a img{max-width:100%; max-height:100%;margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;vertical-align:middle;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_brand .swiper-button-prev,.ind_brand .swiper-button-next{width:64px; height:44px;background-size:64px 44px; cursor:pointer;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; position:absolute;top: 56%;} .ind_brand .swiper-button-prev{background:url(../images/arrow_left.png) center center no-repeat;left: -8%;} .ind_brand .swiper-button-prev:hover{background:url(../images/arrow_left_on.png) center center no-repeat;} .ind_brand .swiper-button-next{background:url(../images/arrow_right.png) center center no-repeat;right: -8%;} .ind_brand .swiper-button-next:hover{background:url(../images/arrow_right_on.png) center center no-repeat;} /*首页荣誉资质*/ .ind_honor{ width:100%; min-height:300px; overflow:hidden; padding:100px 0 50px; background:#f9f9f9 url(../images/honor_bg.jpg) center top no-repeat;background-size: 100% 400px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_honor .ind_bit em,.ind_honor .ind_bit p{ color:#fff;} .ind_honor .box{overflow:hidden; width:100%; min-height:300px;} .ind_honor .box ul{ margin-top:50px;} .ind_honor .box ul li{ float:left;transition: all .4s ease;} .ind_honor .box ul li .img{ display:block; width:100%; height:260px; background:#fff; overflow:hidden; position:relative;} .ind_honor .box ul li .img img{ max-width:80%; max-height:80%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .4s ease;} .ind_honor .box ul li:hover .img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .ind_honor .box ul li .name{text-align:center; position:relative;font-size:16px; font-weight:bold; padding:25px 0; display:block;max-width:96%; margin: 0 auto;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .4s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_honor .box ul li:hover .name a{ color:#374ea0;} .ind_honor .qhkaung{margin:0 auto;} /*首页产品展示*/ .ind_cpzs{width:100%; min-height:400px;padding:50px 0 60px; background:#f9f9f9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_cpzs .cpzs{ margin-top:45px;} .ind_cpzs .cpzs ul li{ float:left; width:23.5%; margin-right:2%; background:#fff; margin-bottom:20px;transition: all .4s ease;} .ind_cpzs .cpzs ul li:nth-child(4n){ margin-right:0;} .ind_cpzs .cpzs ul li .proimg{ display:block; width:100%; height:280px; position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6;padding:5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_cpzs .cpzs ul li .proimg img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;} .ind_cpzs .cpzs ul li .text{position:relative; padding:15px 8%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition: all .4s ease;} .ind_cpzs .cpzs ul li .text .proname{ display:block; font-size:18px; font-weight:bold; max-width:100%;margin: 0 auto 5px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .4s ease;} .ind_cpzs .cpzs ul li .text span{display: block;height: 30px;overflow: hidden; line-height: 30px; color: #999;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;transition: all .4s ease;} .ind_cpzs .cpzs ul li .text span i{display: inline-block;width: 18px; height: 18px;vertical-align: middle;margin: -2px 4px 0 0;padding: 0; background: url(../images/pro_ico.png) center no-repeat;transition: all .4s ease;} .ind_cpzs .cpzs ul li .text:after{ content: "";display:block; width:6px; height:12px; background:url(../images/more.png) center no-repeat;position: absolute; right:5%; bottom:24px;transition: all .4s ease;} .ind_cpzs .cpzs ul li:hover .text{ background:#374ea0;} .ind_cpzs .cpzs ul li:hover .text .proname{ color:#fff;} .ind_cpzs .cpzs ul li:hover .text span{ color:rgba(255, 255, 255, 0.65);} .ind_cpzs .cpzs ul li:hover .text span i{background: url(../images/pro_on_ico.png) center no-repeat;} .ind_cpzs .cpzs ul li:hover .text:after{background:url(../images/more_on.png) center no-repeat;} /*首页产品分类*/ .ind_cpzs .fenlei{ width:100%;background:#374ea0; position:relative; margin-top:50px;padding:2%;} .ind_cpzs .fenlei ul{ width:100%; overflow:hidden; position:relative; z-index:2; padding:2%; background:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_cpzs .fenlei ul li{ float:left; width:15%;margin: 0 1% 10px 0;text-align:center; } .ind_cpzs .fenlei ul li:nth-child(6n){ margin-right:0;} .ind_cpzs .fenlei ul li a{ font-size:16px; color:#666; display:block; width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_cpzs .fenlei ul li a i{display:inline-block; width:20px; height:10px; background:url(../images/protype_ico.png) center no-repeat; margin: 0 10px 0 0; opacity:0;transition: all .4s ease;} .ind_cpzs .fenlei ul li a:hover{ color:#374ea0; font-weight:bold;} .ind_cpzs .fenlei ul li a:hover i{ opacity:1;} /*首页资讯中心*/ .ind_zxzx{width:100%;padding:50px 0; background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_zxzx .ind_bit{ text-align:left;} .ind_zxzx .w1400{position:relative;} .ind_zxzx .new_btn{ float:right;width:490px; margin-top: 35px;} .ind_zxzx .new_btn p{ font-size:16px;color:#999;padding:0 45px 0 35px;height:44px;line-height:44px;display:flex;display: -webkit-flex;float:left;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all .4s ease;cursor:pointer; margin-right:5%;} .ind_zxzx .new_btn p:nth-child(3n){ margin-right:0;} .ind_zxzx .new_btn p:before{width:100%; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f9f9f9;transform: skewX(-20deg);transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;transition: all .4s ease;} .ind_zxzx .new_btn p span,.ind_zxzx .new_btn p a{position:relative;display:block; text-align:center;height:44px;line-height:44px;font-size:16px;color:#999;text-decoration:none;} .ind_zxzx .new_btn p i{width:6px; height:12px;background:url(../images/more_on.png) center no-repeat;margin: 16px 0 0 10px; position:absolute;} .ind_zxzx .new_btn p.on:before,.ind_zxzx .btn p:hover:before{background:#e01a1b;} .ind_zxzx .new_btn p.on span,.ind_zxzx .btn p:hover span,.ind_zxzx .new_btn p.on a,.ind_zxzx .btn p:hover a{ color:#fff;} .ind_zxzx ul{ width:100%; margin-top:50px; min-height:300px;} .ind_zxzx ul.on{ display:none;} .ind_zxzx ul li{ width:49%; margin-right:2%; float:left; background:#f9f9f9; padding:2%; margin-bottom:2%;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;transition: all .4s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind_zxzx ul li:nth-child(2n){ margin-right:0;} .ind_zxzx ul li:hover{ background:#374ea0;} .ind_zxzx ul li .name{ display: inline-block; width:80%; font-size:16px; font-weight:bold;height:30px; line-height:30px;transition: all .4s ease;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ind_zxzx ul li:hover .name{ color:#fff;} .ind_zxzx ul li .time{ float:right; text-align:right;height:30px; line-height:30px;font-size:16px; color:#999;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;transition: all .4s ease;} .ind_zxzx ul li .time:before{content:""; display: inline-block; width:12px; height:12px; background:url(../images/news_time.png) center no-repeat; margin-right:10px;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;transition: all .4s ease;} .ind_zxzx ul li:hover .time{ color:rgba(255, 255, 255, 0.65);} .ind_zxzx ul li:hover .time:before{background:url(../images/news_time_on.png) center no-repeat;} .ind_zxzx ul li .ms{ float:left; width:80%;color:#999; font-size:16px; line-height:28px; margin:10px 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;transition: all .4s ease;} .ind_zxzx ul li:hover .ms{ color:rgba(255, 255, 255, 0.65);} .ind_zxzx ul li .more{ float:right;width:64px; height:44px; margin:16px 0;background-size:64px 44px; background:url(../images/arrow_right_on.png) center center no-repeat; transition: all .4s ease;} .ind_zxzx ul li:hover .more{background:url(../images/arrow_right_on2.png) center center no-repeat;} /*footer*/ footer{background: #1a1a1a;} footer .w1400{ position:relative;} .links{ clear:both;padding: 0;z-index:5; height:70px; line-height:70px;} .links:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #374ea0;transform: skewX(-20deg); height:70px;} .links .title{ float:left; width:160px;height:70px; overflow:hidden; line-height:70px; color:#fff; font-size:16px; margin:0;font-weight:bold; text-align:center; position:relative;} .links .title i{display: inline-block;width: 30px; height: 20px;vertical-align: middle;margin: -2px 10px 0 10px;;padding: 0; background: url(../images/links_ico.png) center no-repeat;} .links .list{ float:left;width: calc(96% - 160px); height:70px; line-height:70px; padding:0; color:#fff;position:relative; overflow:hidden;} .links .list a{ display:block; height:70px; line-height:70px; color:rgba(255,255,255,0.65); font-size:14px; margin:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding:0 15px;} .links .list a:hover{color:rgba(255,255,255,1);} .links .button{ padding: 11px 2% 0 0; float:right;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position:relative;} .links #swiper-container04 {width: 140px;height:70px;} .links .swiper-button-prev4{ margin-bottom:8px;} .links .swiper-button-prev4, .links .swiper-button-next4 { width: 15%; height: 100%;cursor:pointer;} .links .swiper-button-prev4 span, .links .swiper-button-next4 span { display:block; width: 21px; height: 21px;-webkit-transition: all .4s;transition: all .4s;} .links .swiper-button-prev4 span { background: url(../images/up1.png) center center no-repeat;} .links .swiper-button-next4 span { background: url(../images/down1.png) center center no-repeat;} .links .swiper-button-prev4:hover span{ background: url(../images/up1_on.png) center center no-repeat;} .links .swiper-button-next4:hover span{ background: url(../images/down1_on.png) center center no-repeat;} .foot_nav{ width:30%; float:left; margin:50px auto;} .foot_nav:nth-child(2n){ width:40%;} .foot_nav dt{width: 100%;height: 30px;overflow: hidden;line-height: 30px;color: #fff;font-size: 16px; margin-bottom:25px;} .foot_nav dt i{display: inline-block;width: 30px; height: 20px;vertical-align: middle;margin: -2px 10px 0 0;;padding: 0; background: url(../images/foot_nav_ico.png) center no-repeat;} .foot_nav:nth-child(2n) dt i{background: url(../images/foot_pro_ico.png) center no-repeat;} .foot_nav dl dd{ color:#fff;float:left; width:30%; margin-right:3%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; opacity: .2;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .foot_nav dl dd a{ color:#fff; line-height:35px; height:35px;} .foot_nav dl dd:hover{ opacity:1;} .foot_tel{ width:30%; float:right; margin:50px auto;text-align:right;} .foot_tel dt{width: 100%;height: 30px;overflow: hidden;line-height: 30px;color: #fff;font-size: 16px;} .foot_tel dt i{display: inline-block;width: 30px; height: 20px;vertical-align: middle;margin: -2px 10px 0 0;;padding: 0; background: url(../images/foot_tel_ico.png) center no-repeat;} .foot_tel span{display: inline-block;color:#e01a1b; font-weight:bold; font-size:32px;margin-bottom:30px;} .foot_tel .foot_cont{ font-size:16px; color:#fff;height:42px; line-height:42px; display:flex; display: -webkit-flex; position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:right; width:200px;} .foot_tel .foot_cont:before{width:100%; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #374ea0;transform: skewX(-20deg);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .foot_tel .foot_cont:hover:before{background: #e01a1b;} .foot_tel .foot_cont a{position:relative;display:block; text-align:center;height:42px;line-height:42px;font-size:16px;color:#fff;text-decoration:none; width:100%;} .foot_tel .foot_cont i{width:15px; height:17px;background:url(../images/foot_kf_ico.png) center no-repeat;display: inline-block;vertical-align: middle;margin: -2px 10px 0 0;;padding: 0;} .foot_copy{border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 0; overflow: hidden; color:rgba(255,255,255,0.2);font-size:14px;} .foot_copy .fl,.foot_copy .fr{ font-size:14px;} .foot_copy a { color:#fff;opacity:.2;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .foot_copy a:hover { opacity:1;} /*内页banner*/ .nybanner{ width:100%; height:540px; overflow:hidden; margin:0 auto; padding: 220px 0 0; position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .nybanner img { display: block; width: 1920px; height: 568px; overflow: hidden; margin: 0 0 0 -960px; position: absolute; left: 50%; top: 0; } .nybanner .NyBa_text { height:auto; margin:-50px 0 0 0; padding:0; position:absolute; top:50%; left:13%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyBa_text p { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 40px; margin: 0 auto; padding: 0; font-weight: bold; } .NyBa_text em { display: block; width: 160px; height: 4px; overflow: hidden; margin: 20px 0; padding: 0; background-color: #fff; } .n_position:before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/home.png) center bottom no-repeat; vertical-align: middle; margin: 0 10px 0 0; } .n_position a { font-size: 15px; color: #fff; position: relative; transition: .2s; opacity:.45;} .n_position a:hover{ opacity:1;} .n_position i { font-size: 15px; color: #fff; display: inline-block; margin: 0; padding: 0 8px; font-family: arial; position: relative; top: -1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; opacity:.45;} .n_position span { font-size: 15px; color: #fff; opacity:.45;} /*面包屑 开始*/ .n_nav_box { width: 100%; margin: 0 auto; position:relative; z-index:2;} .n_nav_box .n_nav { width: 1400px; font-size: 0; margin: 0 auto; } .n_nav_box1 .n_nav { display: none; } .n_nav::-webkit-scrollbar { display:none; } .n_nav a { font-size: 16px; line-height: 80px; color: #3c3c3c; display: inline-block; padding: 0 5px; width: 25%; text-align: center; position: relative; z-index: 1; transition: .5s; flex-grow: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .art_nav a{ width:33.3%;} .nav_na .n_nav a { width: 50%; } .n_nav a+a:after { content: ""; width: 1px; height: 18px; display: block; background: #e5e5e5; position: absolute; top: 50%; margin-top: -9px; left: 0; transition: 0s; z-index: 0; } .n_nav a:before { content: ""; width: 0; height: 3px; display: block; position: absolute; bottom: -1px; left: 0; transition: .5s; z-index: -1; opacity: 0; background: #374da0; } .n_nav a:hover:before, .n_nav a.on:before { width: 100%; opacity: 1; } .n_nav a:hover, .n_nav a.on { font-weight: bold; } .n_nav_box .n_position { max-width: 50%; height: 60px; overflow: hidden; float: right; margin: 0; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .n_nav_box .n_position p { width: 100%; height: 60px; overflow: hidden; line-height: 60px; color: #a6a6a6; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; text-align: right; margin: 0; padding: 0; } .n_nav_box1 .n_position { max-width: 100%; float: left; } .n_nav_box1 .n_position p { text-align: left; } .ParentLevel { width:100%; height:auto; margin:0 auto; padding:15px 0;position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ParentLevel .pro_title{ display:none; color:#fff;line-height: 45px; font-size: 15px; font-weight:bold; position:relative;padding: 5px 20px;background-color: #374ea0; border-radius: 4px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:10px; position:relative;} .ParentLevel .pro_title i{display:block; width:40px; height:40px; margin:-20px 0 0; padding:0; background:url(../images/pro_mulu_title.png) center center no-repeat; background-size:20px 20px; position:absolute; top:50%; right:0; cursor:pointer;transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;} .ParentLevel .pro_title.on i{background:url(../images/pro_mulu_titleon.png) center center no-repeat;} .ParentLevel ul {height:auto; margin:0 auto; padding:0;} .ParentLevel ul li { display:block; width:auto; height:auto; margin: 0 1% 0 0; padding:0; float:left;} .ParentLevel ul.nypro li{ margin:0;} .ParentLevel ul li p { width:auto; height:auto; margin:0; padding:0 40px 0 20px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ParentLevel ul li p:after{ content: "";height:3px; width:0;background:#374ea0; position:absolute; bottom:0; left:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ParentLevel ul li.selected p:after,.ParentLevel ul li:hover p:after{ width:100%;} .ParentLevel ul li p a { display:block; width:auto; height:50px; line-height:50px; color:#666; font-size:16px; margin:0;} .ParentLevel ul li p span { display:block; width:40px; height:40px; margin:-20px 0 0; padding:0; background:url(../images/pro_mulu0.png) center center no-repeat; background-size:20px 20px; position:absolute; top:50%; right:0; cursor:pointer;opacity:.2;transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;} .ParentLevel ul li:hover p span{ opacity:1;} .ParentLevel ul li.selected p span{ background:url(../images/pro_mulu1.png) center center no-repeat; background-size:20px 20px; opacity:1;} .ParentLevel ul li p:before{ content: "";display:block; width:13px; height:40px; margin:-20px 0 0 0; padding:0; position:absolute; top:50%; left:0; cursor:pointer;background:url(../images/pro_mulu.png) center center no-repeat; background-size:13px 10px; opacity:.2;transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;} .ParentLevel ul li.selected p:before,.ParentLevel ul li:hover p:before{background:url(../images/pro_mulu_on.png) center center no-repeat; opacity:1;} .ChildLevel { display:none; width:100%; height:auto; margin:0; padding:0;position:absolute; left:0; top:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background-color: #f9f9f9;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);} .ChildLevel .tag { width:1400px; height:auto; margin:0 auto; padding:20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ChildLevel .tag a { display:inline-block; width:auto; height:50px; line-height:50px; color:#999; font-size:16px; margin:0 60px 0 0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ChildLevel .tag a:hover { color:#374ea0; border-bottom:1px solid #e6e6e6; background:url(../images/pro_mulu2.png) center bottom no-repeat; background-size:12px 5px;} /*面包屑 结束*/ /*内页关于我们*/ .lyNy_AboutUs { width: 100%; min-height:480px; overflow: hidden; margin: 0 auto; padding:60px 0; background: url(../images/n_about_bg.jpg) left center no-repeat; /*background-size:cover;*/ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #eee;} .lyNy_AboutUs .lyNyAb_main { overflow:hidden; margin:0 auto; padding:0;} .lyNyAb_main .lyNyAb_con { width:82%; overflow:hidden; margin:0; padding:0 0 0 60px; border-left:1px solid #e5e5e5; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyAb_con .lyNyAbCon_tit { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyAbCon_tit span { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:rgba(0,0,0,0.1); font-size:48px; font-weight:bold; text-transform:Uppercase; text-overflow:ellipsis; white-space:nowrap; margin:0 auto 10px; padding:0;} .lyNyAbCon_tit h5 { width:100%; overflow:hidden; line-height:40px; color:#303030; font-size: 32px; font-weight: bold; margin:0 auto 20px; padding:0;} .lyNyAbCon_tit i { display: block; width:60px; height:4px; overflow:hidden; margin:0; padding:0; background-color:#fd2d00;} .lyNyAb_con .lyNyAb_text { width:100%; overflow:hidden; line-height: 30px; color: #3c3c3c; font-size: 16px; text-align:justify; margin:0 auto; padding:0;} .lyNyAb_con .lyNyAb_text .content { width:100%; overflow:hidden; margin:30px auto; padding:0; min-height:300px;} .lyNyAb_con .lyNyAb_text .content p{line-height: 30px; color: #3c3c3c; font-size: 16px;} .lyNyAb_con .lyNyAb_text .content span, .lyNyAb_con .lyNyAb_text .content font, .lyNyAb_con .lyNyAb_text .content em { color: #3c3c3c!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size: 16px!important;} .lyNyAb_con .lyNyAb_text img,.lyNyAb_con .lyNyAb_text .content img { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyAb_con .lyNyAb_text .content br { display:none;} .lyNyAb_main .lyNyAb_data { width:18%; overflow:hidden; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyAb_data ul li { margin:0 auto 100px;} .lyNyAb_data ul li:last-child{ margin:0;} .lyNyAb_data ul li font { display: block; width: 102px; height: 102px; text-align: center; margin-bottom: 16px; border: 2px solid #374da0; transition: 0.4s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .lyNyAb_data ul li font svg { width: 44px; height: 70px; display: inline-block; vertical-align: middle; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; padding-top:26px;} @keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}} .lyNyAb_data ul li p { width:100%; font-size:18px; color:#303030; line-height:30px; margin-bottom:4px} .lyNyAb_data ul li span { font-size:48px; color:#374da0; font-weight:bold;} .lyNyAb_data ul li em { color:#000; font-size:15px; font-style:normal; margin-left:8px;} .lyNyAb_data ul li:hover font { background: #374da0; border: 2px solid #374da0;} .lyNyAb_data ul li:hover font svg path { fill:#fff!important;} .lyNyAb_data ul li:hover font svg { -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} /*关于我们 横幅*/ .ny_content .ab_hengf{ width:100%; height:340px; background: url(../images/ab_hengf.jpg) center no-repeat; margin:60px 0 0; background-size:cover; overflow:hidden;} .ny_content .ab_hengf .cont{height:100%; position:relative;} .ny_content .ab_hengf .cont:before{ content:""; display:block; width:390px; height:340px;background: url(../images/kf.png) left center no-repeat; float:left;background-size:cover;} .ny_content .ab_hengf .text{height:100%; position:absolute; left:460px; top:70px;} .ny_content .ab_hengf .text p{ font-size:28px; font-weight:bold; color:#fff;} .ny_content .ab_hengf .text span{ font-size:17px; color:#fff; opacity:.7; line-height:34px; display:block;margin:15px 0 20px;} .ny_content .ab_hengf .text .btn a{ display:block; width:184px; height:42px; background:#fff; color:#374ea0; font-size:18px; border-radius:21px; float:left;padding-left:42px; line-height:42px;transition: all .4s ease;} .ny_content .ab_hengf .text .btn a:hover{ position:relative; margin-top:-2px; box-shadow:0 5px 5px rgba(0,0,0,.2);} .ny_content .ab_hengf .text .btn a:after{ content:""; display:block; width:36px; height:36px; border-radius:50%; background:#374ea0 url(../images/abtel_ico.png) center no-repeat; float:right; margin-right:3px; margin-top:3px;} .ny_content .ab_hengf .text .btn a:last-child{ margin-left:33px;} .ny_content .ab_hengf .text .btn a:last-child:after{ background:#374ea0 url(../images/zxzx_ico.png) center no-repeat;} /*关于我们 企业文化*/ .ab_qywh{ padding:60px 0; overflow:hidden; background:#fff;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ab_qywh .abtit{ margin:0 auto 20px;} .ab_qywh ul{ width:100%; margin-top:50px;} .ab_qywh ul li{ width:23.3%; height:412px; float:left; margin-right:2.26666667%; padding:44px 35px 0;background:#f0f0f0 url(../images/qywhli1.png) center bottom no-repeat; position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ab_qywh ul li i{ font-size:54px; font-family:impact; color:#374ea0;font-style: normal;} .ab_qywh ul li p{ font-size:24px; font-weight:bold; margin:8px 0 28px 0;} .ab_qywh ul li span{ font-size:15px; line-height:28px; color:#999;} .ab_qywh ul li:nth-of-type(2){background:#e4e4e4 url(../images/qywhli2.png) center bottom no-repeat;} .ab_qywh ul li:nth-of-type(3){background:#f0f0f0 url(../images/qywhli3.png) center bottom no-repeat;} .ab_qywh ul li:nth-of-type(4){ margin-right:0;background:#e4e4e4 url(../images/qywhli4.png) center bottom no-repeat;} .ab_qywh ul li:after{ content:""; display:block; width:100%; height:0; position:absolute; bottom:50%; left:0; background:rgba(55,78,160,.7); transition: all .4s ease;} .ab_qywh ul li:hover:after{ height:100%; bottom:0;} .ab_qywh ul li:hover i,.ab_qywh ul li:hover p,.ab_qywh ul li:hover span{ color:#fff; position:relative; z-index:2;transition: all .4s ease;} /*关于我们 荣誉资质*/ .ab_honor{padding:35px 0 100px; overflow:hidden;background:#f5f5f5 url(../images/nyhonor_bg.jpg) center 86% no-repeat; min-height:400px;} .ab_honor .abtit{ height:120px; position:relative;} .ab_honor .abtit:after{content: "";display: block;width: 100%;height: 8px;position: absolute; bottom: 0; left: 0;background:url(../images/nyhonor_line.jpg) center center no-repeat;} .ny_content .ab_honor .btn{float: right;width: 130px;margin-top: 40px;} .ab_honor .honor_box{padding:0 90px; position:relative; margin-top:50px; min-height:400px;} .ab_honor .wiper-container5{overflow:hidden;width:100%;} .ab_honor .wiper-container5 ul li{ float:left; width:33.3%;} .ab_honor .wiper-container5 ul li .pic{ display:block; width:100%; height:360px; background:#fff;position:relative; overflow:hidden;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);} .ab_honor .wiper-container5 ul li .pic img{ position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; max-width:90%; max-height:90%;transition: all .4s ease;} .ab_honor .wiper-container5 ul li:hover .pic img{transform: scale(1.06);} .ab_honor .wiper-container5 ul li .name{ display:block; margin:40px 0 0; color:#333; font-size:18px; text-align:center;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .ab_honor .swiper-button-prev,.ab_honor .swiper-button-next{width:64px; height:44px;background-size:64px 44px; cursor:pointer;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; position:absolute;top: 56%;} .ab_honor .swiper-button-prev{background:url(../images/arrow_left.png) center center no-repeat;left: -8%;} .ab_honor .swiper-button-prev:hover{background:url(../images/arrow_left_on.png) center center no-repeat;} .ab_honor .swiper-button-next{background:url(../images/arrow_right.png) center center no-repeat;right: -8%;} .ab_honor .swiper-button-next:hover{background:url(../images/arrow_right_on.png) center center no-repeat;} .ab_honor .honor_box .swiper-pagination{ top:auto;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .ab_honor .honor_box .swiper-pagination-bullet { display: inline-block; width:38px; height:11px; border-radius:6px; margin: 0 5px; cursor: pointer; background:rgba(255,255,255,.3); border-radius:6px; transition: all .4s ease;} .ab_honor .honor_box .swiper-pagination-bullet-active{background:#374ea0;} /*关于我们 三点服务*/ .ab_service{padding:90px 0; overflow:hidden;} .ab_service ul li{ width:33.33333%; float:left; padding:0 60px; text-align:center;} .ab_service ul li p{ margin-top:35px; font-size:26px; font-weight:bold;} .ab_service ul li em{ display:block; width:40px; height:2px; background:#374ea0;margin: 14px auto 26px;transition: all .4s ease;} .ab_service ul li:hover em{ width:70px;} .ab_service ul li span{line-height: 28px; color:#666; font-size:16px;} /*产品列表页*/ /*产品分类 开始*/ .proleft { width:23.5%; overflow:hidden; float:left;} .proleft .cp_type{background-color:#fff; padding:36px 0 10px;} .cp_type .hd { width:100%; height:auto; margin:0 auto 22px; padding:0 30px;} .cp_type .hd p { width:100%; height:32px; line-height:32px; color:#374ea0; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .cp_type .hd span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .cp_type .hd i { display:none;} .cp_type .hd em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;} .cp_type .bd { padding:0 0 10px;} .cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .cp_type .bd ul li p { height:58px; padding:0 30px;position:relative; border-bottom:1px solid #eee;} .cp_type .bd ul li:last-child p {border-bottom: 0;} .cp_type .bd ul li p a { display:block; width:100%;line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;} .cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:15px;} .cp_type .bd ul li div { display:none;} .cp_type .bd ul li div a { display:block; height:35px; line-height:35px; color:#999; font-size:15px; padding:0 45px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px; background:url(../images/proflico.png) no-repeat; background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;} .cp_type .bd ul li div a:first-child { margin-top:15px;} .cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;} .cp_type .bd ul li div a:hover i { border:1px solid #cb0010;} .cp_type .bd ul li.on p,.cp_type .bd ul li:hover p {background:#374ea0; border:0;} .cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#fff;} .cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;} .cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;} .cp_type .bd ul li div a:hover { color:#374ea0;} .cp_type .bd ul li div a:hover:before{ background-position:0 -10px;} .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd ul a.ckqb:hover { background:#374ea0; color:#fff;} .ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;} .ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;} .ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;} .ProAll a:hover { background:#374ea0; color:#fff;} .ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;} /*相关文章 开始*/ .NyXgwz { overflow:hidden; background-color:#fff; padding:33px 0 10px; margin-top:32px;} .NyXgwz .NyXgwz_Title { width:100%; height:auto; margin:0 auto 20px; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#374ea0; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .NyXgwz_Title p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .NyXgwz_Title em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;} .NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:10px 0; border-top:1px solid #eee;} .NyXgwz_List dl dd a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd a:hover { color:#374ea0;} /*相关文章 结束*/ /*产品分类 结束*/ .cp_content{ padding: 60px 0; overflow:hidden; background:#f8f8f8;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .cplist_content{ padding: 0 0 60px;} .cpdetail_content{ padding:0;} .proright{width:100%;} .ny_cpzx li { width:24%; height:auto; margin:0 1.3% 60px 0; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.1); float:left; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_cpzx li:nth-child(4n+4) { margin:0 0 60px;} .ny_cpzx li:hover { box-shadow:0 0 20px rgba(0,0,0,0.1);} .pro_img { width:100%; height:250px; overflow:hidden; margin:0 auto;padding: 0; border-bottom:1px solid #e6e7ec;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_img:before{content: ""; display:block;width:0;height:4px; left:50%;background: #374ea0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_cpzx li:hover .pro_img:before{ width:100%; left:0;} .pro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative;} .pro_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:5%; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_cpzx li:hover .pro_img a img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .pro_img em { display:block; width:0; height:1px; overflow:hidden; margin:0; padding:0; background-color:#eaeaea; position:absolute; bottom:0; left:50%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_cpzx li:hover .pro_img em { width:100%; margin:0 0 0 -50%;} .pro_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:15px 5% 40px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_text a.pro_name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:18px; font-weight:bold; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_cpzx li:hover .pro_text a.pro_name { color:#374ea0;} .pro_text p { width:100%; line-height:24px; color:#999; font-size:15px; text-align:center; margin:0 auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_cpzx li a.more{ display:block;width:50%; height:45px; line-height:45px; color:#999; margin:0 auto; vertical-align:middle; text-align:center; border:1px solid #e6e7ec; background:#fff; position:absolute; bottom:-25px; left:25%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_cpzx li a.more:after{content: "";width:23px; height:8px;background:url(../images/pro_more.png) center bottom no-repeat; position:absolute; left:44%; bottom:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_cpzx li:hover a.more{ width:100%; left:0; color:#fff; border:none;background: #374ea0;} .ny_cpzx li:hover a.more:after{background:none;} ul.pro_list li{ width:100%; padding:50px 0; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background: linear-gradient(to right, #e0e0e0, #fff);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} ul.pro_list li:nth-child(2n+2){background: linear-gradient(to right, #fff, #e0e0e0);} ul.pro_list li:hover{background:#374ea0;} ul.pro_list li:last-child{ margin-bottom:0;} ul.pro_list li .w1400{ background:#fff; padding:40px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex;align-items: center;} ul.pro_list li .pic{ width:400px; height:260px; background:#fff;position:relative; overflow:hidden;} ul.pro_list li .pic a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative;} ul.pro_list li .pic a img{ display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} ul.pro_list li:hover .pic a img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} ul.pro_list li .pic a i { display:block; width:100%; height:100%; overflow:hidden; padding:0; background:rgba(0,0,0,.3) url(../images/more1.png) center center no-repeat; background-size:48px 48px; position:absolute; z-index:2; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} ul.pro_list li:hover .pic a i { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} ul.pro_list li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .6s ease;} ul.pro_list li:hover .pic img{transform: scale(1.05);} ul.pro_list li .text{width: calc(100% - 430px); margin-left:30px;} ul.pro_list li .text a.name{ font-size:16px; line-height:46px; color:#fff; background:#374ea0;display:block;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding:0 2%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} ul.pro_list li .text p{ color:#666; line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin:30px 0;} ul.pro_list li .text dl{ width:100%; overflow:hidden;} ul.pro_list li .text dl dd{ width:auto; padding:10px 15px; border:1px solid #ddd; float:left;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; margin:0 20px 0 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color:#aaa;} ul.pro_list li .text dl dd i{content: ""; display:inline-block;width:18px; height:18px; margin:0 5px 2px 0;vertical-align:middle;} ul.pro_list li .text dl dd:nth-of-type(1) i{background: url(../images/icon_a.png) center center no-repeat;background-size: 18px 18px;} ul.pro_list li .text dl dd:nth-of-type(2) i{background: url(../images/icon_b.png) center center no-repeat;background-size: 18px 18px;} ul.pro_list li .text dl dd:nth-of-type(3) i{background: url(../images/icon_c.png) center center no-repeat;background-size: 18px 18px;} ul.pro_list li .text dl dd:nth-of-type(4) i{background: url(../images/icon_d.png) center center no-repeat;background-size: 18px 18px;} ul.pro_list li .text dl dd span{color:#333;} ul.pro_list li .text dl dd a{color:#aaa;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} ul.pro_list li:hover .text dl dd a{ color:#374ea0;} /*相关文章 开始*/ .ny_xgart_main { height:auto; margin:30px auto; padding:0;} .ny_xgart_main .ny_xgart_title { width:100%; height:60px; line-height:60px; color:#fff; font-size:16px; margin:0 auto 30px; padding:0 0 0 2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-transform: Uppercase; background:#374ea0; position:relative;} .ny_xgart_main .ny_xgart_title span{ margin-right:1%;font-size:20px;} .ny_xgart_main .ny_xgart_title:before{content: ""; width:5px;height:100%; background:#e01a1b; display:block;position:absolute; left:0;} .ny_xgart_main .ny_xgart_list { width:100%; height:auto; margin:0 auto; padding:0;} .ny_xgart_list ul li { width:49%; height:auto; margin:0 2% 20px 0; padding:20px 2%; border: 1px solid #ddd;position:relative; float:left; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_xgart_list ul li:nth-child(2n+2) { margin:0;} .ny_xgart_list ul li .txt{width: 100%;position:relative;z-index:1;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ny_xgart_list ul li span{display:inline-block;width:116px; height:30px; overflow:hidden; line-height:30px; color:#fff; margin:0 auto; padding: 0 0 0 18px;background: url(../images/time_bg.png) left center no-repeat;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; z-index:1;} .ny_xgart_list ul li a{display:inline-block;width: calc(100% - 130px); height:30px;line-height:30px; color:#333; font-size:18px;margin:0 auto; padding:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; float:right;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_xgart_list ul li:hover a{color:#374ea0;} /*相关文章 结束*/ /*分页样式 开始*/ #fengye { text-align: center; margin: 30px auto 0; color: #555; font-size:14px;} .lyNy_News #fengye{margin: 0 auto;} #fengye table { margin:0 auto;} #fengye a { display: inline-block; padding: 0 15px; background: #f0f0f0; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; border-radius:2px; color: #333; font-size:14px;} #fengye a:hover { background: #374ea0; color: #fff; } #fengye a.pnnum1 { background: #374ea0; color: #fff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #374ea0; width: 40px !important; height: 32px !important; line-height: 32px; text-align: center; border-radius: 2px; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; background: #ddd; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; color: #333; cursor: default;} .lyNy_video #fengye { margin:0 auto;} /*分页样式 结束*/ /*内页产品中心页面*/ .proright ul.ny_cpzx li{ float:left; width:32%; margin-right:2%; background:#fff; margin-bottom:20px;transition: all .4s ease;} .proright ul.ny_cpzx li:hover{ box-shadow:0px 5px 15px rgba(0,0,0,.1); position:relative; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .proright ul.ny_cpzx li:nth-child(3n){ margin-right:0;} .proright ul.ny_cpzx li .proimg{ display:block; width:100%; height:240px; border-bottom:2px solid #ddd; background:#fff; overflow:hidden; position:relative;} .proright ul.ny_cpzx li .proimg img{ max-width:96%; max-height:96%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .4s ease;} .proright ul.ny_cpzx li:hover .proimg img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .proright ul.ny_cpzx li .text{ text-align:center; position:relative;} .proright ul.ny_cpzx li .text:before{ content:""; display:block; width:42px; height:6px; background:#374ea0; position:absolute; left:50%; transform: translateX(-50%); top:-4px;} .proright ul.ny_cpzx li .text .proname{ font-size:18px; font-weight:bold; padding:25px 0; display:block;max-width:96%;margin: 0 auto; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .4s ease;} .proright ul.ny_cpzx li:hover .text .proname{ color:#374ea0;} .proright ul.ny_cpzx li .text .more{ display:block; color:#999; border-top:1px solid #ddd; width:100%; height:44px; line-height:44px; transition: all .4s ease;} .proright ul.ny_cpzx li:hover .text .more{ background:#374ea0; color:#fff; border:0;} /*产品详细页*/ .cp_content .NyProDetail_Main { width:100%; height:auto; overflow:hidden; position:relative;} .NyProDetail_Main .NyProDetail_Img { width:70%; height:auto; margin:60px 0; padding:0; float:left;} .NyProDetail_Name{display: flex;align-items: end;margin-bottom:30px;} .NyProDetail_Name span{max-height:80px; overflow:hidden; line-height:40px; color:#333; font-size:30px; word-break:break-all; position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; width: calc(100% - 65px);} .NyProDetail_Name a{ display:block; color:#999; width:65px; font-size:16px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyProDetail_Name a:hover{ color:#374ea0;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:20%; float:right; height:520px;overflow:hidden;} #spec-left { width:16px; height:62px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:88px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:100%; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { display:block; padding:0; width:100%; height:124px; margin:0 0 8px 0;} #spec-list ul li:last-child {margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0;position:relative;border:1px solid #ddd;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ #preview .pic_wrap{padding:10px;border:1px solid #ddd;width: 75%;height: 520px;float:left;overflow:hidden;} .jqzoom {position:relative;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;height:100%;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:80%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} .NyProDetail_Main .NyProDetail_Text { width:27%; height:auto;float:right; position:relative; padding:60px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .NyProDetail_Main .NyProDetail_Text:before{content: "";display:block; width:1px; height:100%; position:absolute; top:0; left:0; cursor:pointer; background:#ddd;} .NyProDetail_Main .NyProDetail_Text:after{content: "";display:block; width:1px; height:100%; position:absolute; top:0; right:0; cursor:pointer; background:#ddd;} .NyProDetail_Text .NyProDetail_Tags { width:85%; height:auto; margin:0 auto; padding:0;} .NyProDetail_Text .NyProDetail_Tags:before{content: "";display:block; width:5px; height:32px; position:absolute; top:74px; left:-2px; cursor:pointer; background:#374ea0;} .NyProDetail_Text .NyProDetail_Tags font{ font-size:20px;} .NyProDetail_Text .NyProDetail_Tags dl dd { width:100%; padding:28px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom:1px solid #ddd;} .NyProDetail_Text .NyProDetail_Tags dl dd:nth-of-type(1){ padding:0 0 40px;} .NyProDetail_Text .NyProDetail_Tags dl dd:nth-of-type(4){ margin-right:0;} .NyProDetail_Text .NyProDetail_Tags dl dd p{ width:100%; height:40px; color:#333; font-size:18px;} .NyProDetail_Text .NyProDetail_Tags dl dd .xx{width:100%; font-size:16px; color:#999;position:relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .NyProDetail_Text .NyProDetail_Tags dl dd .xx i{content: ""; display:inline-block;width:18px; height:18px; margin:-4px 5px 0 0;vertical-align:middle;} .NyProDetail_Text .NyProDetail_Tags dl dd:nth-of-type(2) .xx i{background: url(../images/icon_a.png) center center no-repeat;background-size: 18px 18px;} .NyProDetail_Text .NyProDetail_Tags dl dd:nth-of-type(3) .xx i{background: url(../images/icon_b.png) center center no-repeat;background-size: 18px 18px;} .NyProDetail_Text .NyProDetail_Tags dl dd:nth-of-type(4) .xx i{background: url(../images/icon_c.png) center center no-repeat;background-size: 18px 18px;} /*产品详细页内容*/ .cpxxcontent{ background:#fff; padding:60px 0; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .cpxxcontent .lyNyProDetail_ConTit{margin: 0 auto 30px; background:#f5f5f5; height:60px; width:100%;} .cpxxcontent .lyNyProDetail_ConTit ul li{ width:170px; height:60px; line-height:60px; color:#333; font-size:20px; text-align:center; float:left; cursor:pointer;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .cpxxcontent .lyNyProDetail_ConTit ul li:hover,.cpxxcontent .lyNyProDetail_ConTit ul li.tabActive{ background:#374ea0; color:#fff;} .c_detail_wrap{ line-height:30px;} .c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{max-width:100% !important;max-height: 100% !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} .cpxxcontent .ny_fanye{ width:100%; height:64px; overflow:hidden; margin-top:30px; position:relative; border-top:1px solid #ddd;} .cpxxcontent .ny_fanye .NyProPrev{ width:45%; float:left; font-size:16px; font-weight:bold; line-height:64px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;} .cpxxcontent .ny_fanye .NyProPrev img{ margin-right:7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyProPrev a{ color:#666; font-weight: normal; transition: all .4s ease; margin-left:7px;} .cpxxcontent .ny_fanye .NyProPrev:hover a{ color:#374ea0;} .cpxxcontent .ny_fanye .NyPronext{width:49%; float:right; font-size:16px; font-weight:bold; line-height:64px; text-align:right;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;} .cpxxcontent .ny_fanye .NyPronext img{ margin:0 7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyPronext a{ color:#666; font-weight: normal; transition: all .4s ease;} .cpxxcontent .ny_fanye .NyPronext:hover a{ color:#374ea0;} .cpxxcontent .ny_fanye em{ display:block;width:1px; height:100%; background:#ddd; position:absolute; left:50%;} .cpxxcontent .ordertit{ margin-top:40px;} /*在线留言*/ /*内页技术文章*/ .art_content{overflow: hidden; background:#f8f8f8; padding:60px 0;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .art_content .list_tj{ margin:0 auto 60px; background:#fff; display: flex;align-items: center;} .art_content .list_tj .tj_img{ width:32%; height:300px; overflow:hidden; margin:0; padding:0; background-color:#f8f8f8; position:relative; margin-right:3%;} .art_content .list_tj .tj_img .time{ position:absolute; background:#374ea0; z-index:1; padding:5px 15px;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; top:10px; left:10px;} .art_content .list_tj .tj_img .time span{ color:#fff; font-size:16px; display:inline-block;} .art_content .list_tj .tj_img .time p{ color:#fff; font-size:24px; font-weight:bold;} .art_content .list_tj .tj_img a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .art_content .list_tj .tj_img a img{ display:block; width:100%; height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content .list_tj .tj_img:hover a img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .art_content .list_tj .tj_cont{ width:62%;} .art_content .list_tj .tj_cont .tj_title a{ display:block;width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-size:24px; font-weight:bold; color:#333;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content .list_tj .tj_cont .tj_title:hover a{ color:#374ea0;} .art_content .list_tj .tj_cont p{ margin:30px 0; font-size:16px; color:#999; line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .art_content .list_tj .tj_cont .tj_tag{display: flex;align-items: center;} .art_content .list_tj .tj_cont .tj_tag span{ color:#999; font-size:16px; width:82%;} .art_content .list_tj .tj_cont .tj_tag span i{display: block;float: left;margin: 4px 2% 0 0; padding: 0; width: 17px; height: 16px;background: url(../images/art_tjtag.png) center center no-repeat;background-size: 17px 16px;} .art_content .list_tj .tj_cont .tj_tag .more{font-size:16px;color:#fff;height:42px;line-height:42px;display:flex;display: -webkit-flex;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:140px;} .art_content .list_tj .tj_cont .tj_tag .more:before{width:100%; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #374ea0;transform: skewX(-20deg);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content .list_tj .tj_cont .tj_tag .more:hover:before{background: #e01a1b;} .art_content .list_tj .tj_cont .tj_tag .more a{position:relative;display:block; text-align:center;height:42px;line-height:42px;font-size:16px;color:#fff;text-decoration:none; width:100%;} .art_content .list_tj .tj_cont .tj_tag .more i{width:15px; height:17px;background:url(../images/art_tjmore.png) center no-repeat;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;;padding: 0;} .art_content ul.artul li{ width:32%; margin-right:2%; float:left; background:#fff; padding:25px; margin-bottom:25px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li:nth-child(3n){ margin-right:0;} .art_content ul.artul li:hover{box-shadow:0px 5px 15px rgba(0,0,0,.1); position:relative; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .art_content ul.artul li em{ display:block; color:#999; border:1px solid #999; border-radius:3px; width:80px; height:29px; line-height:29px; text-align:center; float:left;} .art_content ul.artul li .time{ background:#f9f9f9;padding: 5px 15px;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li .time p{ color:#999; font-size:16px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li .time span{color:#374ea0; font-size:24px; font-weight:bold; line-height:26px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li:hover .time{ background:#374ea0;} .art_content ul.artul li:hover .time p,.art_content ul.artul li:hover .time span{ color:#fff;} .art_content ul.artul li .name{ width:100%; margin:20px 0;} .art_content ul.artul li .name a{ display:block; width:100%;font-size:18px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li:hover .name a{ color:#374ea0;} .art_content ul.artul li i{ display:block; height:2px; width:100%; background:#f5f5f5; margin-bottom:15px;} .art_content ul.artul li .ms{color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .art_content ul.artul li .more{ display:block; line-height:25px; color:#999; font-size:16px; margin-top:20px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content ul.artul li .more i{width:15px; height:17px;background:url(../images/art_more.png) center no-repeat;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;;padding: 0;} .art_content ul.artul li:hover .more{color:#374ea0;} /*技术文章详细页*/ .art_content .artleft {width: 286px;float: left;} .art_content .artleft .xx_tjart{ width:100%; background: #fff;padding: 30px;} .art_content .artleft .xx_tjart .pic{ display:block; width:100%; height:136px; overflow:hidden;} .art_content .artleft .xx_tjart .pic img{ width:100%; height:100%;object-fit: cover;transition: all .4s ease;} .art_content .artleft .xx_tjart:hover .pic img{transform: scale(1.06);} .art_content .artleft .xx_tjart .name{ display:block; font-size:15px; color:#666; line-height:24px; margin:15px 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .4s ease;} .art_content .artleft .xx_tjart:hover .name{color:#374ea0;} .art_content .artleft .xx_tjart .btn{ width:94px; height:29px; line-height:29px; text-align:center; color:#fff; font-size:15px; background:#374ea0; border-radius:14px;} .art_content .artleft .art_Prev,.art_content .artleft .art_next{width:100%; background: #fff;padding: 30px; margin-bottom:15px;} .art_content .artleft .art_Prev p,.art_content .artleft .art_next p{ font-size:20px; font-weight:bold; margin-bottom:10px;} .art_content .artleft .art_Prev a,.art_content .artleft .art_next a{ font-size:15px; color:#666; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .4s ease;} .art_content .artleft .art_Prev:hover a,.art_content .artleft .art_next:hover a{color:#374ea0;} .art_content .artleft .art_fenx{width:100%; background: #fff;padding: 30px; margin-top:15px;} .art_content .artleft .art_fenx p{font-size:20px; font-weight:bold; margin-bottom:15px;} .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ background-image:none !important; padding-left:0 !important;} .art_content .artleft .art_fenx .iconfont{width: 40px;height: 40px;display: inline-block;text-align: center;border: 1px solid #999;line-height: 40px;border-radius: 50%;margin-right: 10px;} .art_content .artleft .art_fenx .bds_weixin::before { content:"";display: block; width:40px; height:40px;background: url(../images/weixin_ico.png) center no-repeat;} .art_content .artleft .art_fenx .bds_sqq::before { content:"";display: block; width:40px; height:40px;background: url(../images/qq_ico.png) center no-repeat;} .art_content .artleft .art_fenx .bds_qzone::before { content:"";display: block; width:40px; height:40px;background: url(../images/kj_ico.png) center no-repeat;} .art_content .artleft .art_fenx .fh{ width:100%; height:37px; line-height:37px; text-align:center; margin-top:10px; position:relative;} .art_content .artleft .art_fenx .fh:before{width:100%; height:100%; content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #374ea0;transform: skewX(-20deg);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .art_content .artleft .art_fenx .fh:hover:before{background: #e01a1b;} .art_content .artleft .art_fenx .fh a{position:relative;display:block; text-align:center;height:37px;line-height:37px;font-size:16px;color:#fff;text-decoration:none; width:100%;} #bdshare_weixin_qrcode_dialog{ height:261px !important;} #bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot{display:none !important;} #bdshare_weixin_qrcode_dialog .bd_weixin_popup_main{ padding:15px 0 !important;overflow: hidden !important;} .art_content .artright{width: calc(100% - 306px); background: #fff; float: right; min-height:500px;padding: 40px 30px;} .art_content .artright .biaoti{ font-size:26px; font-weight:bold;} .art_content .artright .information{ margin:20px 0 30px; padding-bottom:17px;border-bottom:1px solid #ddd; overflow:hidden;} .art_content .artright .information p{ float:left; color:#999; line-height:34px;} .art_content .artright .information p:before{ content:""; width:34px; height:34px; display:block;background: url(../images/prilistico1.png) center no-repeat;background-position: 0 -68px; float:left;} .art_content .artright .information p:nth-of-type(2){ margin-left:50px;} .art_content .artright .information p:nth-of-type(2):before{background-position: 0 -102px;} /*内页行业应用 开始*/ .case_content { width:100%;padding: 60px 0; min-height:250px; background:#f3f4f6;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .case_content ul li { width:31%; height:auto; margin:0 3.5% 50px 0; padding:0; background-color:#eceef0; float:left; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .case_content ul li:nth-child(3n+3) { margin:0 0 50px;} .case_content ul li .lyNyCase_img { width:100%; height:300px; margin:0 auto; padding:0; cursor:pointer; position:relative;} .case_content ul li .lyNyCase_img a { display: block; width: 100%; height: 100%; margin:0 auto; padding:0; position: relative;} .case_content ul li .lyNyCase_img a img { display:block; width:100%; height:100%; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .case_content ul li .lyNyCase_img a:after { display:block; width:53px; height:54px; background:url(../images/case_icon.png) center center no-repeat; background-size:contain; position:absolute; bottom:-5%; right:5%; z-index:1; content:'';} .case_content ul li .lyNyCase_text { padding:20px;} .case_content ul li .lyNyCase_text a.CaseName { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:22px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .case_content ul li:hover{box-shadow:0px 5px 15px rgba(0,0,0,.1);} .case_content ul li:hover .lyNyCase_text a.CaseName { color:#374da0;} .case_content ul li .lyNyCase_text p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#999; font-size:14px; margin:10px auto 15px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .case_content ul li .lyNyCase_text a.CaseBtn { display:inline-block; width:auto; height:40px; overflow:hidden; line-height:38px; color:#999; background:#eceef0; font-size:15px; text-align:center; margin:0 auto; padding:0 30px; border:1px solid #ddd; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .case_content ul li:hover .lyNyCase_text a.CaseBtn{ background:#374da0; color:#fff;} /*case_content 结束*/ /*联系我们页面*/ .lxwm_content{ background:#fff !important; padding:58px 0 0 !important;border-top: 1px solid #eee; overflow:hidden;} .lxwm_content .w1400{position:relative;} .lxwm_content .lff_tit{ font-size:24px; font-weight:bold; padding-bottom:15px; position:relative;} .lxwm_content .lff_tit:before{ content:""; display:block; width:94px; height:2px; background:#e9e9ea; position:absolute; bottom:0; left:0;} .lxwm_content .lff_tit:after{ content:""; display:block; width:30px; height:2px; background:#374ea0;position:absolute; bottom:0; left:0;} /*留言框*/ .lxwm_content .lff_msg{ width:460px; float:left;box-shadow:0 0 15px rgba(0,0,0,.12); background:#fff; padding:40px 26px 5px; border-bottom:8px solid #374ea0;position:absolute; left:0; top:0; z-index:3333;} .lff_msg #ly_msg.ly_msg .msg_ipt1 input, .lff_msg .msg_ipt12 input, .lff_msg .msg_ipt2 input, .lff_msg .msg_tara textarea, .lff_msg #ly_msg.ly_msg ul li .msg_ipt0 textarea, .lff_msg .msg_ipt12 .msg_option{ background:#fff !important;} .lxwm_content #ly_msg.ly_msg ul li:nth-of-type(2),.lxwm_content #ly_msg.ly_msg ul li:nth-of-type(6),.lxwm_content #ly_msg.ly_msg ul li:nth-of-type(7){ display:none !important;} .lff_msg #ly_msg.ly_msg ul li:nth-of-type(9){display:flex; display: -webkit-flex;justify-content: space-between; } .lff_msg #ly_msg.ly_msg ul li h4{ width:82px !important; padding-right:10px!important;} .lff_msg #ly_msg.ly_msg ul li .msg_ipt1, .lff_msg #ly_msg.ly_msg ul li .msg_ipt12, .lff_msg #ly_msg.ly_msg ul li .msg_tara{width: calc(100% - 94px)!important; } .lff_msg #ly_msg.ly_msg ul li:last-child { margin-bottom:0 !important;} .lff_msg #ly_msg.ly_msg ul li:last-child h4{ display:none !important;} .lxwm_content #ly_msg.ly_msg ul li:last-child .msg_btn{ width:100% !important;} .lff_msg .ly_msg .msg_btn input{margin: 0 15px 0 0;} .lff_msg #ly_msg.ly_msg ul li a.yzm_img{ height:40px!important; width:120px!important; margin-top:0!important;} .lff_msg #ly_msg.ly_msg ul li .c_yzm{ padding-bottom:0 !important;} .lff_msg #ly_msg.ly_msg ul li .msg_ipt2 > span{ display:none !important;} .lff_msg #ly_msg.ly_msg .msg_btn input{ width:48.5% !important; margin:0!important;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .lff_msg #ly_msg.ly_msg .msg_btn input:hover{ color:#fff;} .lff_msg .msg_btn input.msg_btn1{ background: url(../images/order_button.png) no-repeat center center;background-size: contain;} .lff_msg .msg_btn input.msg_btn1:hover{background: url(../images/order_button_on.png) no-repeat center center;background-size: contain;} .lff_msg #ly_msg.ly_msg .msg_btn input:last-child{ margin: 0 0 0 3%!important;background: url(../images/order_reset.png) no-repeat center center;background-size: contain;} .lff_msg #ly_msg.ly_msg .msg_btn input:last-child:hover{background: url(../images/order_button.png) no-repeat center center;background-size: contain;} /*联系方式*/ .lxwm_content .lxfs_box{width: calc(100% - 460px); float:right;padding: 40px 62px;} .lxwm_content .lxfs_box ul.nylx_tel{ margin-top:40px; overflow:hidden; padding-bottom:30px; border-bottom: 1px solid #e9e9ea;} .lxwm_content .lxfs_box ul.nylx_tel li { float: left; margin-right:7%; background: url(../images/tel01.png) no-repeat left center; padding-left: 60px;} .lxwm_content .lxfs_box ul.nylx_tel li:last-child{ margin-right:0;} .lxwm_content .lxfs_box ul.nylx_tel li span { display: block; font-size: 16px; color: #999; } .lxwm_content .lxfs_box ul.nylx_tel li b { font-size: 32px; color: #374ea0; font-family: impact; display: block; height:48px;} .lxwm_content .ly_Ny_list{overflow:hidden; margin:40px 0; background:#fff;} .lxwm_content .ly_Ny_list ul li { float: left; width: 31.333333%; margin-right: 3%; border-right: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 85px; min-height: 70px; padding-right: 30px; word-wrap: break-word;} .lxwm_content .ly_Ny_list ul li span { display: block; font-size: 16px; color: #999; margin-top: 12px; } .lxwm_content .ly_Ny_list ul li b { font-size: 15px; color: #333; margin-top: 5px;} .lxwm_content .ly_Ny_list ul li:nth-child(1) { background: url(../images/y38.png) no-repeat left top; } .lxwm_content .ly_Ny_list ul li:nth-child(2) { background: url(../images/y39.png) no-repeat left top; } .lxwm_content .ly_Ny_list ul li:nth-child(3) { margin-right: 0;padding-right:0; border: 0; background: url(../images/y40.png) no-repeat left top; } .lxwm_content .NyContactMap_main{ width:100%;float:left; overflow:hidden;} #container { min-width:600px; min-height: 500px;} .lxwm_content [onpositionupdate]{ display:none;} /*荣誉资质内页*/ .honor_content { padding:58px 0; overflow:hidden;} .honor_content ul.nyhonor_box li{float:left;width:23.5%;margin-right:2%;margin-bottom:20px; background:#fff; box-shadow: inset 0 0 0 5px #f0f0f4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; position:relative; padding:1%;} .honor_content ul.nyhonor_box li::before, .honor_content ul.nyhonor_box li::after { box-sizing: inherit; content: '';position: absolute; width: 100%; height: 100%;top: 0;left: 0;-webkit-transform-origin: center; transform-origin: center;} .honor_content ul.nyhonor_box li::before { border-top: 5px solid #374ea0; border-bottom: 5px solid #374ea0;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);} .honor_content ul.nyhonor_box li::after {border-left: 5px solid #374ea0;border-right: 5px solid #374ea0; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);} .honor_content ul.nyhonor_box li:hover::before, .honor_content ul.nyhonor_box li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;} .art_conet .xq_himg{ width:100%; text-align:center; margin-bottom:20px;} .art_conet .xq_himg img{ max-width:100% !important;} .honor_content ul.nyhonor_box li>a{display:block;position:relative; z-index:1;} .honor_content ul.nyhonor_box li>a .pro_img{text-align:center; overflow:hidden; height:250px; position:relative;} .honor_content ul.nyhonor_box li>a .pro_img img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .honor_content ul.nyhonor_box li:hover>a .pro_img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .honor_content ul.nyhonor_box li>a .pro_img img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;} .honor_content ul.nyhonor_box li p{font-size:18px;text-align:center;line-height:40px;overflow:hidden;position:relative; z-index:1;} .honor_content ul.nyhonor_box li p .honor_name{display: block;height:42px;line-height:42px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;max-width:100%;padding:0 10px;} .honor_content ul.nyhonor_box li em{display:block;text-align:center;height:30px;line-height:30px;font-size:14px;color:#999;} .honor_content ul.nyhonor_box li em a{color:#999;} .honor_content ul.nyhonor_box li:hover em a{color:#374ea0;} /*网站右侧漂浮*/ .f_pf1 {position:fixed;top:30%;right:2px;z-index:999;} .f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;} .f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url(../images/slidebar_icon.png) top center no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;} .f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -27px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .tela:hover .wz{display:block;} .f_pf1 .tela p {background:#fff;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#374ea0;line-height:40px;text-align:center;} .f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 .wxa {position:relative;} .f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;} .f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -52px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .wxa .code {position:absolute;top:-44px;left:-144px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .wxa:hover .code{display:block;} .f_pf1 .wxa .code p {background:#fff;width:120px;height:120px;overflow:hidden;} .f_pf1 .wxa .code p img {max-width:100%;max-height:100%;} .f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(55,78,160,.7);margin-bottom:2px;} .f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -76px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .pfpro,.f_pf1 .pflxwm{ display:none;} /*右侧漂浮 结束*/